
body{
    padding: 0 300px;
}
ul{
    list-style-type: none;
    padding: 0;
}
/* 用户列表 */
.user{
    float: left;
    width: 20%;
    height: 100%;
}
.main{
    float: left;
    width: 80%;
    height: 100%;
}
/* 聊天记录 */
.record{
    width: 100%;
    height: 80%;
    overflow-y: auto;
}
.record-join, .record-leave{
    text-align: center;
    color: grey;
    font-size: 9px;
}
.record-receive{
    text-align: left;
}
.record-send{
    text-align: right;
}
.record .face{
    width: 30px;
    height: 30px;
    padding: 3px 5px;
    background-color: lightgray;
    border-radius: 3px;
    margin-left: 5px;
}
/* 消息发送区域 */
.opt{
    width: 100%;
    height: 20%;
    margin-top: 5px;
}
.opt textarea{
    width: 100%;
    height: 100px;
}